﻿ul#topnav {
	margin: 0; padding: 0;
	float: right;
	width: 652px;
	list-style: none;
	position: relative; /*--Set relative positioning on the unordered list itself - not on the list item--*/
	font-size:20px;
	margin-top:70px;
	
	border-style:solid;
    border-width:0px;
    border-color:White;
    color:White;
	
}
ul#topnav li {
	float: right;
	margin: 0; padding: 0;
	/*border-right: 1px solid #555; /*--Divider for each parent level links--*/

}

ul#topnav li a
{
    padding: 5px 15px;
    display: block;
    color: white;
    text-decoration: none;
}

ul#topnav li a:hover
{
    
    font-weight:bolder;
}

ul#topnav li:hover  
{
    
    
}
ul#topnav li span
{
    float: right;
    padding: 5px 0 ;
    position: absolute;
    left: 320px;
    top: 42px;
    display: none; /*--Hide by default--*/
    width: 330px;
    background-color:White;
    color: #fff; /*--Bottom right rounded corner--*/
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    
}

ul#topnav li span a
{
    color:Black;
}

ul#topnav li:hover span 
{
     display: block; 
} /*--Show subnav on hover--*/

ul#topnav li span a  
{
    display: inline; 
} /*--Since we declared a link style on the parent list link, we will correct it back to its original state--*/

ul#topnav li span a:hover 
{
}

#pageWrap {
	width:					500px;
	background-color:		transparent;
	margin:					25px auto;
}

#pageBody {
	width:					100%;
}
/*jqery*/
div.hoverBtn {
	position: 		relative;
	float:			left;
	background:		black url(images/menu/navBG.png) repeat-x 0 0 scroll;
}
div.hoverBtn a {
	position: 		relative;
	z-index: 		2;
	display: 		block;
	width: 			100px;
	height: 		30px;
	line-height: 		30px;
	text-align: 		center;
	font-size:		1.1em;
	text-decoration:	none;
	color:			#000;
	background:		transparent none repeat-x 0 0 scroll;
}
div.hoverBtn div {
	display:		none;
	position: 		absolute;
	z-index: 		1;
	top: 			0px;
	background:		white url(images/menu/navHover.png) repeat-x 0 0 scroll;
}
